<template>
    <div class="index">
<!--		<leftSlidebar></leftSlidebar>-->
		<Headerbar></Headerbar>
		<Nr></Nr>
        <!--<titleComponent :title="title" class="title"></titleComponent>
        <main>
            <router-view></router-view>
        </main>-->
        <alert></alert>
        <Loading  v-show="loading"></Loading>
    </div>
</template>

<script type="text/javascript">
    import alert from './common/alert'
    import Loading from 'components/common/loading'
//	import leftSlidebar from './common/left-slidebar'
	import Headerbar from './common/headerbar'
	import Nr from './common/nr'
//  import titleComponent from './title'
    import { mapState } from 'vuex'
	export default {
		data () {
			return {

			}
		},
		components: {Headerbar, alert, Loading, Nr },
        created () {
            // this.$store.dispatch('showAlert','asdasdasd')
        },
        computed: {
            ...mapState([
                'title',
                'loading'
            ])
        }
	}
</script>

<style lang="less" scoped>
	.index{
		width: 100%;
        height: 100%;

        /*.title{
            width: 87%;
            float: right;
            position: relative;
            margin-top:55px;
        }

        main{
            width: 86%;
            height: 100%;
            padding:10px 20px;
            float: right;
            background: #E8EDF0;
            overflow: auto;
            position: relative;
        }*/
	}
</style>
